<template>
    <div>
        <TypeNav/>
        <ListContainer/>
        <Recommend/>
        <Rank/>
        <Like/>
        <Floor v-for="floor in floorList" :key="floor.id" :floor="floor"/>
    
       <Brand/>
    
  
  
    
    
    </div>
</template>

<script>
import Brand from "@/pages/Home/Brand"
import Floor from "@/pages/Home/Floor"
import Like from "@/pages/Home/Like"
import ListContainer from "@/pages/Home/ListContainer"
import Rank from "@/pages/Home/Rank"
import Recommend from "@/pages/Home/Recommend"



import { mapState,mapActions } from "vuex"
    export default {
        name:"Home",
        components:{
            Brand,
            Floor,
            Like,
            ListContainer,
            Rank,
            Recommend
        },
        computed:{
            ...mapState({floorList:state => state.home.floor})
        },
        methods:{
            ...mapActions("home",["GetFloor"])
        },
        mounted(){
             this.GetFloor()
        }
    }
</script>

<style lang="less" scoped>

</style>